<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>

		<title>SelectBox Plug-in</title>
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="password strength,jquery,djmason9,darren mason">
		<meta http-equiv="description" content="Jquery plugin, password strength">

		<script type="text/javascript" src='http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js'></script>
		<!-- custom select plugin js -->
		<script type="text/javascript" src='http://jquerycustomselectbox.googlecode.com/svn/trunk/WebRoot/password_strength/password_strength_plugin.js'></script>
		<link rel="stylesheet" type="text/css" href="style.css">
		<link rel="stylesheet" type="text/css" href="../generalstyle.css">
		<script>
			$(document).ready( function() {

				//BASIC
				$(".password_test").passStrength({
					userid:	"#user_id"
					});
				
				//ADVANCED
				$(".password_adv").passStrength({
					shortPass: 		"top_shortPass",
					badPass:		"top_badPass",
					goodPass:		"top_goodPass",
					strongPass:		"top_strongPass",
					baseStyle:		"top_testresult",
					userid:			"#user_id_adv",
					messageloc:		0
				});
			});
		</script>
	</head>
<body>
	<div id="page_wrapper">
		<h2>jQuery Password Strength Meter
		<div>By: Darren Mason</div>
		<div><a href="http://plugins.jquery.com/project/pass_strength">Download Here</a></div>
		<div><a href="../">Other Plugins</a></div>
		</h2>
			<label class="lbl_header">OPTIONS</label>
	<div class="code">
	<code>
	<pre class="html">
@param shortPass:	"shortPass",	//optional
@param badPass:		"badPass",	//optional
@param goodPass:	"goodPass",	//optional
@param strongPass:	"strongPass",	//optional
@param baseStyle:	"testresult",	//optional
@param userid:		"",		//required override
@param messageloc:	1		//before == 0 or after == 1
	</pre>
	</code>
	</div>
		<label class="lbl_header">BASIC USAGES</label>
		<code>
			<pre class="html">
$(".password_test").passStrength({
	userid:	"#user_id"
});
			</pre>
		</code>
		<table cellpadding="2" cellspacing="0" border="0">
			<tr>
				<td align="right"><label>User Name:</label></td>
				<td><input type="text" name="user_name" id="user_id"/></td>
			</tr>
			<tr>
				<td align="right"><label>Password:</label></td>
				<td><input type="password" name="pass_word" class="password_test" style="float:left;"/></td>
			</tr>
		</table>
		<label class="lbl_header">ADVANCED USAGES</label>
		<code>
			<pre class="html">
$(".password_adv").passStrength({
	shortPass: 		"top_shortPass",	//optional
	badPass:		"top_badPass",		//optional
	goodPass:		"top_goodPass",		//optional
	strongPass:		"top_strongPass",	//optional
	baseStyle:		"top_testresult",	//optional
	userid:			"user_id",		//required override
	messageloc:		0			//before == 0 or after == 1
});
			</pre>
		</code>
		<table cellpadding="2" cellspacing="0" border="0">
			<tr>
				<td align="right"><label>User Name:</label></td>
				<td><input type="text" name="user_name" id="user_id_adv"/></td>
			</tr>
			<tr>
				<td align="right"><label>Password:</label></td>
				<td><input type="password" name="pass_word" class="password_adv"/></td>
			</tr>
		</table>
	</div>
</body>
</html>
